@import './basic.scss';
@import './modules/header.scss';
@import './modules/footer.scss';

// 指示
.shouYe{
  width: 100%;
  height: 60px;
  .xing{
    width: 1260px;
    height: 60px;
    margin: 0 auto;
    a, i{
      line-height: 60px;
      color: #999999;
    }
  }
}
// 详情主要
main{
  width: 100%;
  overflow: hidden;
  .xing{
    width: 1260px;
    margin: 0 auto;
    position: relative;
    // 侧边图片
    // .side{
    //   width: 80px;
    //   height: 350px;
    //   margin-top: 20px;
    //   float: left;
    //   img{
    //     width: 80px;
    //     height: 80px;
    //     margin-bottom: 10px;
    //     border: 1px solid #d9d9d9;
    //   }
    // }
    #exzoom {
      width: 500px;
      float: left;
      margin-left: 100px;
      /*height: 400px;*/
    }
    // 中间放大镜
    .show{
      float: left;
      width: 500px;
      height: 500px;
      margin-left: 80px;
      img{
        width: 500px;
        height: 500px;
      }
    }
    .bigShow{
      float: left;
      width: 500px;
      height: 500px;
      left: 160px;
      position: absolute;
      overflow: hidden;
      img{
        width: 1000px;
        height: 1000px;
        display: none;
      }
    }
    .text{
      width: 430px;
      height: 568px;
      float: left;
      margin-left: 150px;
      .p1{
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: 600;
      }
      .p2{
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
      }
      .pl{
        margin-left: 20px;
        color: #999999;
      }
      .ckc{
        margin-bottom: 20px;
        margin-left: 360px;
      }
      i{
        margin-bottom: 30px;
      }
      .p3{
        font-size: 12px;
        color: #999999;
      }
      .btn-group-justified{
        margin-top: 20px;
      }
      .btn-group{
        width: 124px;
      }
      // 计数器和加入购物车
      .wrop{
        width: 420px;
        height: 46px;
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
        .count{
          width: 200px;
          height: 46px;
          display: flex;
          justify-content: space-around;
          .jian{
            width: 50px;
            height: 46px;
            border: none;
            background-color: #000000;
            color: #ffffff;
            font-size: 18px;
          }
          .shuRu{
            width: 120px;
            height: 46px;
            
          }
          .add{
            width: 50px;
            height: 46px;
            border: none;
            background-color: #000000;
            color: #ffffff;
            font-size: 18px;
          }
        }
        .cart{
          float: left;
          margin-left: 20px;
          width: 180px;
          height: 46px;
          border: none;
          background-color: #000000;
          color: white;
          line-height: 46px;
        }
      }
    }
    // 后面图片部分
    .cpxq{
      width: 100%;
      height: 90px;
      float: left;
      background-color: #f7f7f7;
      border-bottom: 1px solid #e6e6e6;
      p{
        margin-left: 120px;
        line-height: 90px;
        font-size: 16px;
      }
    }
    .bigImgContent {
      text-align: center;
      .bigimg{
        width: 1000px;
        padding-left: 0px;
      }
    }
  }
}
.cart1 {
  position: fixed;
  top: 300px;
  right: 0;
  border-radius: 30px;
  width: 50px;
  height: 80px;
  background-color: chartreuse;
  color: #000000;
  text-align: center;
  line-height: 80px;
}
